*
{
	font-family: monospace;
	margin: 0;
}

html
{
	font-size:2vh;
}

body
{
	background-color: rgb(12,59,59);
	height: 100vh;
	display:grid;
	justify-items:center;
	align-content:center;
	grid-template-columns:100%;
}

body *
{
	color: rgb(0,255,255);
}

h1
{
	margin:0.5rem;
	font-size: 3.5rem;
	font-weight: normal;
	white-space: nowrap;
}

.button-list
{
	max-width:min(90vh,80vw);
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	gap:0.4rem;
}

.button
{
	flex: 1 0 25%;

	padding: 0.5rem;

	display:grid;
	grid-template-columns: 2.4rem auto;
	justify-items:center;
	align-items:center;

	font-size: 2rem;
	text-decoration: none;
	border: solid;
	border-radius: 1rem;
}

img
{
	width:2.4rem;
	height:2.4rem;
}

.button:hover
{
	background-color:rgba(0,255,255,0.2);
}
